<template>
  <div>
      <div @click="yeFn">
         <p @click.stop="dadFn">stop-阻止事件冒泡</p> 
         <a href="http://www.baidu.com" @click.prevent.stop>prevent-阻止默认行为</a>
          <p @click.once="dadFn">once-只执行一次事件点击</p> 
          </div>
  </div>
</template>

<script>
export default {
    methods:{
        yeFn(){
            console.log('爷爷被点击了！');
        },
        dadFn(){
            console.log('p爸爸被点击了');
        }

    }
}
</script>

<style>

</style>